<template>
	<view>
		<view style="height: 19rpx;"></view>
		<view class="address-item flex-row-center" v-for="(item, index) in addressList" :key="index" @click="onChoose(item)">
			<view class="address-item-left">
				<view class="name-view flex-row-center">
					<text>{{ $textEllipsis(item.name, 5) }}</text>
					<view class="default" v-if="item.is_default == 1">默认</view>
				</view>
				<view class="phone">{{ item.phone }}</view>
				<view class="city">{{ item.province }}{{ item.city }}{{ item.region }}{{ item.address }}</view>
			</view>

			<image :src="$getImgUrl('mine/ic_dz_bj.png')" mode="widthFix" class="address-item-edit" @click.stop="onEdit(item)"></image>
		</view>
		<view style="height: 98rpx;"></view>
		<view class="bottom-view flex-row-center" @click="addAddr">新增收货地址</view>
	</view>
</template>

<script src="./address.js"></script>

<style lang="scss">
@import '@/style/common.scss';
@import './address.scss';
</style>
